import React, { Component } from 'react';
import { StyleSheet, View, Text } from 'react-native';

import { SafeAreaView } from 'react-navigation';
import BaseStyle from '../constants/Style';
import Btn from '../components/buttons';
import Dims from '../utils/View';
import { Button } from 'antd-mobile-rn';
export default class ButtonScreen extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <SafeAreaView
        style={[BaseStyle.flex, styles.homebg]}
        forceInset={{ top: 'never' }}>
        <View style={styles.container}>
          <Button
            type={'primary'}
            activeStyle={false}
            onClick={() => { alert("点击了") }}
            disabled={true}
          >
            button
         </Button>

          <Button
            type={'primary'}
            activeStyle={false}
            onClick={() => { alert("点击了") }}
            style={{ marginTop: 20 }}
          >
            button
         </Button>
    

           <Button
            type={'primary'}
            activeStyle={false}
            onClick={() => { alert("点击了") }}
            style={{ marginTop: 20 }}
            loading={true}
            
          >
            button
         </Button>
        </View>
      </SafeAreaView>
    );
  }
}

const styles = StyleSheet.create({
  homebg: {
    backgroundColor: '#eee',
  },
  container: {
    ...BaseStyle.flex,
    paddingTop: 20,
  },

});
